// 使用LayUI模块
layui.use(['table', 'layer'], function(){
    var table = layui.table;
    var layer = layui.layer;
    var $ = layui.$;
    
    // 初始化表格
    table.init('taskTable', {
        height: 'full-200',
        page: true,
        limit: 10
    });
    
    // 添加任务按钮事件
    $('#addTask').click(function(){
        layer.open({
            type: 2,
            title: '<i class="fas fa-plus-circle"></i> 添加新任务',
            area: ['800px', '90%'],
            content: 'task_form.html',
            success: function(layero, index) {
                // 在表单加载完成后可以执行的操作
            }
        });
    });
    
    // 编辑任务按钮事件
    $('#editTask').click(function(){
        var checked = $('input[name="task"]:checked');
        if(checked.length === 0){
            layer.msg('请选择要编辑的任务', {icon: 2});
            return;
        }
        
        if(checked.length > 1){
            layer.msg('只能选择一个任务进行编辑', {icon: 2});
            return;
        }
        
        var taskId = checked.val();
        layer.open({
            type: 2,
            title: '<i class="fas fa-edit"></i> 编辑任务',
            area: ['800px', '90%'],
            content: 'task_form.html?taskId=' + taskId,
            success: function(layero, index) {
                // 向iframe传递数据
                var iframeWin = window[layero.find('iframe')[0]['name']];
                iframeWin.document.getElementById('taskName').value = "编辑的任务名称";
                iframeWin.document.getElementById('taskCommand').value = "编辑的命令";
            }
        });
    });
    
    // 删除任务按钮事件
    $('#deleteTask').click(function(){
        var checked = $('input[name="task"]:checked');
        if(checked.length === 0){
            layer.msg('请选择要删除的任务', {icon: 2});
            return;
        }
        
        layer.confirm('确定要删除选中的' + checked.length + '个任务吗？', {
            icon: 3,
            title: '删除确认'
        }, function(index){
            layer.msg('已删除 ' + checked.length + ' 个任务', {icon: 1});
            layer.close(index);
        });
    });
    
    // 生成配置文件按钮事件
    $('#generateConfig').click(function(){
        var checked = $('input[name="task"]:checked');
        if(checked.length === 0){
            layer.msg('请选择要生成配置文件的任务', {icon: 2});
            return;
        }
        
        layer.open({
            type: 1,
            title: '<i class="fas fa-file-code"></i> 配置文件预览',
            area: ['900px', '80%'],
            content: $('#configPreviewModal')
        });
    });
    
    // 关闭配置预览
    $('#closeConfig').click(function(){
        layer.closeAll();
    });
    
    // 复制配置按钮事件
    $('#copyConfig').click(function(){
        layer.msg('配置已复制到剪贴板', {icon: 1});
    });
    
    // 导出配置按钮事件
    $('#exportConfig').click(function(){
        layer.msg('配置文件已导出', {icon: 1});
    });
    
    // 搜索功能
    $('#searchInput').on('keyup', function() {
        var value = $(this).val().toLowerCase();
        $("#taskTable tbody tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});